@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0}

body{ width:100%; line-height: 24px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px;}

.clear{ clear:both; margin: 0; padding: 0; font-size: 0; line-height: 0;}

.witer{ width:1200px; margin: 0 auto;}

a{ color: #000000; text-decoration: none;}

a:hover{ color:#FF0004;}

ul,option,input{list-style: none;}

.coloF{ color:#FFFFFF;}

.fleft{ float:left;}

.fright{ float:right;}



/******* TOP *********/

.Head{ height: 75px; padding-top: 15px;}

.logo{ width:480px; float: left; text-align: center;}

.search{ width:370px; float: left; margin-top: 10px;}

#opt{ list-style: none; width:70px; float: left; height: 40px; line-height: 30px; border-right: 0px; text-align: center;}

#plac{float: left; flex: 4; height: 40px; outline: none; border: 1px solid #00000; box-sizing: border-box; width:200px; padding-left: 10px; color:#ACA2A2;}

#but{ list-style: none; height: 40px; line-height: 18px; padding: 3px 18px; display: inline-block; vertical-align: middle; font-weight: normal; 

	border:0; color: #ffffff; background-color: #000000; cursor: pointer; }

.T_tell{ width:310px; float: right; margin-top: 5px;}

.T_tlName{ line-height: 15px; float: left; margin-top: 10px;}

.T_Phon{ float: left; margin-left: 10px; line-height:50px; font-size: 30px; text-align: left; }

.T_ewm{ width:56px; float: right;}



/******* NAV *********/

.Nav{ width:100%; height: 45px; line-height: 45px; background: #000000;}

.Nav ul li{ width:150px; float: left;}

.Nav ul li a{ display: block; width:150px; height: 45px; color: #FFFFFF; font-size: 16px; text-align: center;}

.Nav ul li a:hover{ background-color:#8B0002;}



/******** BANNER*********/

.banner{ width:100%; height:490px; background: url(../images/banner1.jpg) no-repeat center 0;}



/******** In_about START*********/

.In_about{ width:550px; float: left; margin-top: 20px; height: 380px;}

.In_Atitle{ width:100%; line-height: 50px; float: left; border-bottom: 2px #960002 solid;}

.In_Atxt{ margin: 10px 0; font-size: 14px; line-height: 30px;}

.In_video{ width:600px; height: 380px; float: right; margin-top: 45px;}



/************In_jiazhuang******************/

.In_jiazhuang{ margin-top: 20px;}

.In_BTitle{ width:100%; height: 55px; background:url(../images/Title_Bg.png) no-repeat center 0; text-align: center; font-size: 24px; line-height: 45px; margin: 25px 0;}

.In_jznav{ width:100%; text-align: center;}

.In_jznav a{ padding: 0 30px; font-size: 18px;}

.In_JzList{}

.In_JzList li{ width:300px; float: left; height: 220px; text-align: center;  margin-top: 20px;}

.In_JzList li .In_JzKg{ width:294px; height: 220px; margin: 0 auto;}

.In_JzList li .In_JzKg .In_Jzimg { width:290px; height: 220px; z-index: -99; position:absolute;}

.In_JzList li .In_JzKg .In_Jzimg img{ width:290px; height: 220px; }

#In_A{ display: block; width: 180px; padding-top: 130px;  margin: 0 auto;}

.In_JzList li .In_JzKg .In_JzTitle{ width:180px; height:60px; background:#000; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4; color: #FFFFFF; border-radius:5px; padding-top: 15px; }



.In_JzList li .In_JzKg .In_JzTitle:hover{ filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; cursor:pointer;}

.In_JzList li .In_JzKg .In_JzTitle p { font-size:18px; font-weight:500; color: #FFFFFF}



/************In_tuandui******************/

.In_Team{}

.In_Team li{ width:240px; float: left; margin-top: 10px;}

.In_Team li .img_div {  position: relative; width: 230px;  height: 340px; float:left;}

.In_Team li .img_div img{ width:230px; height: 340px;}

.mask {  position: absolute; top: 0; left: 0; width: 230px; height: 140px; background: rgba(101, 101, 101, 0.6); color: #ffffff; opacity: 0; padding-top: 200px; }

.mask p{ width:90%; margin: 0 auto; text-align: center; font-size: 14px;}

.img_div a:hover .mask { opacity: 1;}



.In_More{ width:135px; height: 40px;  margin: 20px auto;  }

.In_More a{display:block; width:135px; height: 40px;  background: #fff; font-size: 18px; line-height: 40px; text-align: center;  border-radius: 5px; border: 1px  #848484 solid; }

.In_More a:hover{  background:#F7090D; color: #FFFFFF;}



/************In_gongyi******************/

.In_gongyi{ margin-top: 15px;}

.In_gongyi li{ width:240px; height: 205px; float: left; margin-bottom: 10px; }

.In_gongyi li .In_Gyimg { width:230px; height: 155px; margin:0 auto;}

.In_gongyi li .In_Gyimg img{ width:230px; height: 155px;}

.In_gongyi li .In_GyTel{ width: 230px; height: 50px; margin:0 auto;}

.In_gongyi li .In_GyTel a{ display: block; height:100%; width:100%; text-align: center; line-height: 50px; background:#BFBFBF; color: #000000; font-size: 18px;}

.In_gongyi li .In_GyTel a:hover{ background: #313131; color:#FFFFFF; }

.In_GYmore{ width:100%; height: 100%; font-size: 30px; text-align: center; line-height: 205px;}



/************In_rezhuang******************/

.In_rezhuang{ width:100%; height: 500px; background: #030303; padding-top: 20px; margin-top: 15px;}

.In_Rzlist{ width:1200px; margin: 0 auto;}

.In_Rzlist li{ width:200px; float: left; text-align: center;}

.In_Rzlist li .In_RzImg{ width:180px; margin: 0 auto;}

.In_Rzlist li .In_RzImg img{ width:180px; height: 250px;}

.In_Rzlist li .In_RzTitle{ width:180px; margin: 0 auto; text-align: center; line-height: 50px; border-bottom: 4px #FF0206 solid;}

.In_Rzlist li .In_RzTitle:hover{ border-bottom: 4px #DC7705 solid;}

.In_Rzlist li .In_RzTitle a{ color:#FFFFFF; font-size: 16px;}

.In_Rzlist li .In_RzTitle a:hover{ color:#FFDD00; }



/************In_sheji******************/

.In_sj{ width:590px; height: 590px; overflow: hidden;}

.In_Sjtitle{ width:100%; height: 60px;}

.In_Sjtbig{ float: left; width: 80px; text-align: center; border-right: 1px #C4C4C4 solid; line-height: 60px; font-size:40px; color: #6E6E6E;}

.In_Sjtsml{ width:490px; float: right;}

.In_Sjtsml p{ font-size:20px; line-height: 35px;}

.In_Sjtsml span{ color:#414141;}

.In_Sjimg{ width:100%; height: 400px; margin: 10px 0;}

.In_Sjimg img{ width:590px; height: 400px;}

.In_Sjinfro{ width:100%; text-align: left; font-size: 14px;}

.In_Sjinfro a{ display: block; width:80px; text-align: center; line-height:24px; border: 1px #666666 solid; float: right; border-radius: 5px;}

.In_Sjinfro a:bover{ background: #FF0004; color:#FFFFFF;}



/************In_xinwen******************/

/*.In_NewList{ width:660px; float: left;}*/

.In_NewTitle{ width:100%; margin: 10px 0;}

.In_NewTitle li{ width:220px; float: left; cursor: pointer;}

.In_NewTitle li a{ display: block; width: 90%; margin: 0 auto; text-align: center; line-height: 40px; border-bottom: 2px #FF0004 solid; font-size: 16px;}

.In_NewTitle li a:hover{ border-bottom: 2px #E17409 solid;}



.In_Neimglist{ width:100%; margin-top: 20px;}

.In_Neimglist li{ width:33.33%; float: left;}

.In_Neimglist li .In_NeimgLim{ width:95%; margin: 0 auto; text-align: center;}

.In_Neimglist li .In_NeimgLim img{ width:210px; height: 220px;}

.In_Neimglist li .In_NeimgTitle{  width:95%; margin: 0 auto; text-align: center; line-height: 40px;}

.hide{ display:none;}



.In_NewList{ width:510px; float: left;}
.In_NewListRight{ width:510px; float: right;}

.In_NewListRight ol, .In_NewList ol{ width: 100%;  font-size: 16px;}

.In_NewListRight ol li, .In_NewList ol li{line-height: 43px;}

.In_NewListRight ol li a, .In_NewList ol li a{font-size: 16px;}

.In_NewListRight ol li span, .In_NewList ol li span{ float:right;}



/************************************/

.nybanner{width:100%; height:350px; background:url(../images/banner02.jpg) no-repeat 0 0;}

.Ny_title{ width:100%; height: 50px; line-height: 50px; text-align: left; font-size: 16px;}

.Ny_Skg{ width:1190px; margin: 0 auto; height:145px; background:#070707; }

.Ny_Skg li{ width:238px; height: 145px; float: left;}

.Ny_Skg li:hover{ background: #941e23; cursor: pointer;}

.Ny_Skg li .Ny_St1{ width:60px; float: left; margin: 45px 0 0 20px;}

.Ny_Skg li .Ny_St2{ width:150px; float: right; text-align: left; color: #F9F9F9; font-size: 14px; margin-top: 40px;}

.Ny_Skg li .Ny_St2 p{ font-size: 24px; line-height: 35px;}





/**********************LIst************************/

.Ny_List{ width:100%; margin-top: 10px;}

.Ny_List ul li{ width:300px; float: left; margin-top: 10px;}

.Ny_List ul li .Ny_LImg{ width: 290px; height: 300px; text-align: center; margin: 0 auto;}

.Ny_List ul li .Ny_LImg img{ width:290px; height: 300px;}

.Ny_List ul li .Ny_LTitle{ width: 290px; margin: 0 auto; }

.Ny_List ul li .Ny_LTitle a{ display: block; width:100%; text-align: center; background: #A2A2A2; font-size: 18px; line-height: 45px;}

.Ny_List ul li .Ny_LTitle a:hover{ background:#575757; color: #FFFFFF; }





.Ny_List2{ width:100%; margin-top: 10px;}

.Ny_List2 ul li{ width:400px; float: left; margin-top: 10px;}

.Ny_List2 ul li .Ny_LImg2{ width: 390px; height: 450px; text-align: center; margin: 0 auto;}

.Ny_List2 ul li .Ny_LImg2 img{ width:390px; height:450px;}

.Ny_List2 ul li .Ny_LTitle2{ width: 390px; margin: 0 auto; }

.Ny_List2 ul li .Ny_LTitle2 a{ display: block; width:100%; height: 80px; text-align: center; background:#dddddd; }

.Ny_List2 ul li .Ny_LTitle2 a p{ padding-top: 15px; font-size: 18px;}

.Ny_List2 ul li .Ny_LTitle2 a span{ font-size: 16px; color: #9c9c9c;}

.Ny_List2 ul li .Ny_LTitle2 a:hover{ background:#575757; color: #FFFFFF; }





.Ny_List3{ width:100%; margin-top: 10px;}

.Ny_List3 ul li{ width:300px; float: left; margin: 10px 0;}

.Ny_List3 ul li .Ny_LImg3{ width: 290px; height: 200px; text-align: center; margin: 0 auto;}

.Ny_List3 ul li .Ny_LImg3 img{ width:290px; height:200px;}

.Ny_List3 ul li .Ny_LTitle3{ width: 290px; margin: 10px auto 0; }

.Ny_List3 ul li .Ny_LTitle3 .Ny_LPic{ width:80px; height: 80px;  float: left;}

.Ny_List3 ul li .Ny_LTitle3 .Ny_LPic img{  width:80px; height: 80px; border-radius: 50%;}

.Ny_List3 ul li .Ny_LTitle3 .Ny_LInfor{ width:200px; float: right;}

.Ny_List3 ul li .Ny_LTitle3 .Ny_LInfor p{ font-size: 14px; text-align: center; color: #7E7E7E;}

.Ny_List3 ul li .Ny_LTitle3 .Ny_LInfor p font{ font-size: 16px; color:#000000;}

.Ny_List3 ul li .Ny_LTitle3 .Ny_LInfor p a{ display: block; width: 100%; line-height: 30px; text-align: center; background: #BDBDBD;  float: left;}

.Ny_List3 ul li .Ny_LTitle3 .Ny_LInfor p a:hover{ background:#9A0104; color: #FFFFFF; }







/***************Ny_Nav********************/

.Ny_Nav{ width:100%;}

.Ny_NavKj{ width:100%; margin-top: 10px; overflow: hidden;}

.Ny_NavBtitle{ width:90px; float: left; text-align: center; font-size: 16px; line-height: 30px;}

.Ny_NavList{ width:1100px; float: right; }

.Ny_NavList li{ float: left; text-align: center;}

.Ny_NavList li a{ display: block; padding: 0 10px; margin: 0 3px; line-height: 30px; font-size: 16px;}

.Ny_NavList li a:hover{ background: #FF0004; color: #FFFFFF;}

.Ny_NavList li .Ny_On{ background:#FF0004; color: #FFFFFF; }



/*******************floot***************/

.floot{ width:100%; height: 220px; background: #951e24;  padding-top: 30px;}

.F_top{ width:100%; height:180px; background: #23282e; text-align: center; margin-top: 20px;}

.In_Kg{ width:33.3%; float: left;}

.In_Ftitle{ width:90%; border-bottom: 1px #FFFFFF solid; color: #FFFFFF; text-align: left; font-size: 18px; line-height: 40px; margin-bottom: 10px;}

.In_Kg p{ width:90%; float: left; text-align: left; font-size: 14px; line-height: 30px;  color: #FFFFFF;}

.In_Fxm{ width:90%; float: left; }

.In_Fxm li{ width:70px; text-align: center; float: left;}

.In_Fxm li span{ float:right; color:#FFFFFF; }

.In_Fxm li a{ color:#FFFFFF;}

.In_Fxm li a:hover{ color:#F0FF00; }





/***************品质服务********************/

svg{fill: currentColor;}

.mt-tabpage {}

.mt-tabpage-title {background-color: #fff;width: 590px;margin:0px auto;}

.mt-tabpage-title .mt-tabpage-item1 {display: inline-block;width: 88px;text-align: left;color: #414141;font-size: 12px;text-indent: 21px;}

.mt-tabpage-title .mt-tabpage-item1 { background-image: url(../images/l-inco.png); background-repeat: no-repeat;background-position: 0px 2px; }

.mt-tabpage-title .mt-tabpage-item2 {display: inline-block;width: 88px;text-align: left;color: #414141;font-size: 12px;text-indent: 21px;}

.mt-tabpage-title .mt-tabpage-item2 { background-image: url(../images/l-inco.png); background-repeat: no-repeat;background-position: -90px 2px; }

.mt-tabpage-title .mt-tabpage-item3 {display: inline-block;width: 88px;text-align: left;color: #414141;font-size: 12px;text-indent: 21px;}

.mt-tabpage-title .mt-tabpage-item3 { background-image: url(../images/l-inco.png); background-repeat: no-repeat;background-position: -179px 1px; }

.mt-tabpage-title .mt-tabpage-item4 {display: inline-block;width: 88px;text-align: left;color: #414141;font-size: 12px;text-indent: 21px;}

.mt-tabpage-title .mt-tabpage-item4 { background-image: url(../images/l-inco.png); background-repeat: no-repeat;background-position: -266px 1px; }

.mt-tabpage-title .mt-tabpage-item5 {display: inline-block;width: 88px;text-align: left;color: #414141;font-size: 12px;text-indent: 26px;}

.mt-tabpage-title .mt-tabpage-item5 { background-image: url(../images/l-inco.png); background-repeat: no-repeat;background-position: -351px 1px; }

.mt-tabpage-title .mt-tabpage-item:hover{color: #eb4537; }

.mt-tabpage-title .mt-tabpage-item-cur {color: #eb4537;font-size: 13px;background-image: url(../images/l-inco-cur.png); background-repeat: no-repeat;background-position: 0px 0px;}

.mt-tabpage-title .mt-tabpage-item-cur1 {color: #eb4537;font-size: 13px;background-image: url(../images/l-inco-cur.png); background-repeat: no-repeat;background-position:  0px 2px;}

.mt-tabpage-title .mt-tabpage-item-cur2 {color: #eb4537;font-size: 13px;background-image: url(../images/l-inco-cur.png); background-repeat: no-repeat;background-position: -90px 2px;;}

.mt-tabpage-title .mt-tabpage-item-cur3 {color: #eb4537;font-size: 13px;background-image: url(../images/l-inco-cur.png); background-repeat: no-repeat;background-position: -179px 1px;}

.mt-tabpage-title .mt-tabpage-item-cur4 {color: #eb4537;font-size: 13px;background-image: url(../images/l-inco-cur.png); background-repeat: no-repeat;background-position:-266px 1px;}

.mt-tabpage-title .mt-tabpage-item-cur5 {color: #eb4537;font-size: 13px;background-image: url(../images/l-inco-cur.png); background-repeat: no-repeat;background-position: -351px 1px;}

.mt-tabpage-count {position: relative;width: 590px;}

.mt-tabpage-cont__wrap {position: absolute;}

.mt-tabpage-count .mt-tabpage-item {width: 590px;text-align: left;}



/*公司新闻*/



.in-news-list ul {overflow: hidden;margin-left: 0px;margin-top: 10px;}

.in-news-list li {float: left;width: 100%;border-bottom: 1px solid #E4E8EB;}

.in-news-list li a {display: block;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding: 0 0 0 15px;margin-left: 0px;}

.in-news-list li a:before {position: absolute;left: 2px;top: 50%;content: "";margin-top: -3px;width: 0;height: 0;border-top: 3px solid transparent;border-left: 4px solid #ea3516;border-bottom: 3px solid transparent;}



/*六大经典设计*/

.nr-box {width: 1200px;margin: 30px auto 0;}

.news-nr {float: left;padding: 20px 0 19px;margin-left: 16px;}

.news-box .titlie h2{color: #CC0000;}

.news-box .titlie h3{color: #CC6666;}

.news-left,.news-right{width: 570px;margin-top: 26px;float: left;}

.news-right{margin-left: 60px;}

.news-img{width: 570px;height: 221px;}

.news-img img{width: 570px;display: block;}

.news-sj span{font-size: 20px;color: #ccc;display: block;}

.news-sj b{font-size: 13px;color: #666;font-weight: normal;margin-top: 10px;display: block;}

.news-nr h2{font-size: 15px;color: #666;font-weight: 600;}

.news-nr p{font-size: 14px;color: #999;line-height: 20px;margin-top: 15px;	}

.news-right .news-list .news-nr p,.news-left .news-list .news-nr p{display: inline-block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.news-sj{float: left;padding: 20px 13px 19px 0;text-align: right;position: relative;height: 75px;}

.news-sj::before{content: "";position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #ebebeb;}

.news-sj::after{content: "";position: absolute;right: 0;top: 30px;width: 2px;height: 20px;background-color: #333;}



.news-ny {}

.news-ny li .news-sj{width: 379px;overflow: hidden;height: 142px;}

.news-ny li .news-sj img{width: 379px;height: 179px;display: block;}

.news-ny .news-nr{width: 750px;}

.news-ny .news-nr span{font-size: 13px;color: #ccc;margin-top: 15px;	display: block;}

.news-ny .news-nr p{line-height: 28px;margin-top: 10px;color: #666;display: inline-block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.news-ny .news-nr a{font-size: 14px;color: #999;margin-top: 5px;display: block;}

.news-ny li:hover .news-nr a{color: #CC0000;}

.news-list li{transition: .3s all ease-in-out;}

.news-list li{overflow: hidden;padding: 0 17px;}

.news-list li:hover{background-color: #F7F7F7;box-shadow: 0px 2px 6px 0px rgba(6, 0, 1, 0.1);}

.news-list li:hover .news-nr h2{color: #CC0000;}

.news-list li:hover .news-sj::before{background-color: #CC0000;}

.news-list li:hover .news-sj::after{background-color: #990000;}



/*六大经典设计详情页*/

.about-wb,.contact-box{font-size: 15px;color: #333;line-height: 30px;overflow: hidden;}

.about-wb img{max-width: 1200px;display: block;margin: 5px auto;}

.xq-title h1{font-size: 24px;color: #333;text-align: center;}

.xq-sj{overflow: hidden;position: relative;height: 40px;margin: 10px 0;border-bottom: 1px dashed #ddd;}

.xq-sj ul{position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}

.xq-sj ul li{float: left;font-size: 13px;color: #999;margin: 5px;}



/*上一篇、下一篇*/

.sx{margin: 20px 0;}

.sx li{font-size: 15px;color: #333;margin-top: 6px;}

.sx li a{color: #666;}

.sx li a:hover{color: #CC0000;border-bottom: 1px solid #CC0000;}



/*翻页*/

.page-box{position: relative;height: 44px;margin-top: 30px;}

.page-box ul{overflow: hidden;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}

.page-box ul li{float: left;margin: 5px;border: 1px solid #ccc;height:34px;line-height:24px;}

.page-box ul li.cur{border-color: #CC0000;background-color: #CC0000;color:#FFF;}

.page-box ul li.cur a{border-color: #CC0000;background-color: #CC0000;color:#FFF;}

.page-box ul li span{margin: 5px;padding: 12px 12px;height:34px;line-height:24px;}

.page-box ul li span{line-height:38px; text-align:center; font-size:15px;}

.page-box ul li a{font-size: 15px;color: #666;padding: 6px 12px;display: block;}



/*jQuery图片轮播(焦点图)插件*/

div.slideBox{ position:relative; width:670px; height:300px; overflow:hidden;}

div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}

div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}

div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}

div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}

div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}

div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}

div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}

div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}

div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}

div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:20px; height:20px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}

div.slideBox div.tips div.nums a.active{ background-color:#D90003;}





.fixed{

	position: fixed;

	top: 0;

	z-index: 999;

	width: 100%;

}



.Head{

	background-color: #fff;

}



.owl-carousel{

	margin-top: 90px;

}



.Nav ul li{ width:133px;}